.userInfo {
	position: relative;
	width: 100%;
	height: 480rpx;
}

.userInfo-box {
	position: absolute;
	width: 100%;
	height: 120rpx;
	top: 128rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.avater {
	margin-left: 34rpx;
	width: 120rpx;
	height: 120rpx;
	background-color: white;
	border-radius: 50%;
	overflow: hidden;
}

.info {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: 40rpx;
}

.points {
	width: 168rpx;
	height: 44rpx;
	background: rgb(255, 255, 255, 0.31);
	border-radius: 15px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.funcBox {
	position: absolute;
	top: 336rpx;
	left: 32rpx;
	border-radius: 20rpx;
	width: 686rpx;
	height: 456rpx;
	background: #FFFFFF;
	box-shadow: 0rpx 2rpx 12rpx 0rpx rgba(0, 0, 0, 0.06);
	padding: 32rpx 0;
	box-sizing: border-box;
}

.title {
	height: 80rpx;
	width: 100%;
	padding-left: 32rpx;
	font-size: 28rpx;
	font-weight: 500;
	color: #333333;
	box-sizing: border-box;
}

.funcList {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	height: 312rpx;
}

.funcItem {
	width: 228rpx;
	height: 136rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40rpx;
}

.funcImg {
	width: 88rpx;
	height: 88rpx;
	border-radius: 44rpx;
}

.funcName {
	font-size: 28rpx;
	font-weight: 400;
	color: #333333;
}

movable-view {
	pointer-events: auto;
}

movable-area {
	pointer-events: none;
}